<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>维修详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="telephone=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/mobileSelect.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/maintain.css" />
    <script src="js/rem.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body id="wechat_transferaccount" class="bg1">
	<div id="page_main">
    	<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">维修详情</h1>
		</header>
		  	<form method="post" >
		      	<div class="cont-wrap bgWhite">
		          	<div class="functionList">
		              	<div class="list display-box">
		                  	<div class="display-box">
		                      	<div class="title Center"><h1>报修产品</h1></div>
		                      	<div class="arrow Center">
		                         	<input type="text" name="transfertype" class="product" id="transfer_out_type" value="电视机" readonly="readonly">
		                      	</div>
		                  	</div>
		              	</div>
			          	<div class="list display-box">
			                <div class="display-box">
			                    <div class="title Center"><h1>报修品牌</h1></div>
			                    <div class="arrow Center">
			                        <input type="text" name="transfertype" class="brand" id="transfer_out_type" value="美的" readonly="readonly">
			                    </div>
			                </div>
			            </div>
			            <div class="list display-box">
			                <div class="display-box">
			                    <div class="title Center"><h1>报修品类</h1></div>
		                        <div class="arrow Center">
		                         	<input type="text" name="transfertype" class="category" id="transfer_out_type" value="30寸" readonly="readonly">
		                      	</div>
			                </div>
			            </div>
			            <div class="list display-box">
			                <div class="display-box">
			                    <div class="title Center"><h1>故障类型</h1></div>
			                    <div class="arrow Center">
			                        <input type="text" name="transfertype" class="malfunction" id="transfer_out_type" value="蓝屏" readonly="readonly">
			                    </div>
			                </div>
			            </div>
			            <div class="display-box warranty-period">
			                    <div class="title Center"><h1>是否在保修期内：</h1></div><br />
			                <div class="mui-input-row mui-radio" id="yes">
			                    <label>是</label>
			                    <input name="radio" type="radio" >
			                </div>
			                <div class="mui-input-row mui-radio" id="no">
			                    <label>否</label>
			                    <input name="radio" type="radio" >
			                </div>
			            </div>
						
						
		              	<div class="mui-collapse-content" id="bxdh" style="display:none;">
		                    <input type="text" name="transfernumber"  placeholder="填写保修单号">
		            	</div>
						
		              	<div class="  warranty-period">
	                      	<div class="title describe"><h1>故障描述</h1></div>
	                      	<div>
	                      		<textarea name="" rows="2" cols=""></textarea>
	                      	</div>
	                      	<div class="voice">
	                      		<div class="voice1"></div>
	                      	</div>
		            	</div>   
		            	<div class="list display-box">
		                  	<div class="display-box">
		                      	<div class="title Center"><h1>现场图片</h1></div>
		                      	<div class="arrow Center">
		                      		<div class="image">
		                      			<span>最多上传三张</span><span class="mui-icon mui-icon-image"></span>
		                      		</div>
		                      	</div>
		              		</div>
		            	</div>
		              	<div class="list display-box">
		                  	<div class="display-box">
		                      	<div class="title Center"><h1>期望服务时间</h1></div>
		                      	<div class="arrow Center">
		                         	<input type="text" name="transfertime" id="transfer_out_time" placeholder="2017-04-05 11:26">
		                         	<i class="iconfont icon-jiantou"></i>
		                      	</div>
		                  	</div>
		              	</div>
		          	</div>
		      	</div>
		
		      	<div class="phone1">
			      	<p>直接拨打电话联系我们</p>
			      	<p><a onclick="location.href='tel:10086'">0750-1234567</a></p>
		    	</div>
			</form>
	  	<p class="next">
	  		<a href="edit-address.html"><button type="button" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn mui-btn-primary">下一步</button></a>
	  	</p>
	</div>
	
	<script  type="text/javascript" src="js/mui.min.js"></script>
	<script  type="text/javascript" src="js/main.js"></script>
	<script  type="text/javascript" src="js/jquery.selector-px.js"></script>
	<script type="text/javascript" src="js/fastclick.js"></script>
	<script>
	  	$(function() {
	    	FastClick.attach(document.body);
	  	});
	</script>
	<script  type="text/javascript" >
		mui.init();
		$(document).ready(function(){
		  	$("#yes").click(function(){
		  		$("#bxdh").show();
		  	});
		  	$("#no").click(function(){
		  		$("#bxdh").hide();
		  	});
		});
		mui.plusReady(function(){
		    $('.type-choose .item1').click(function(){
		        $('#hideItem').hide();
		        $(this).addClass('active').siblings().removeClass('active');
		    });
		
		      $.dateSelector3({
		        evEle: '#transfer_in_time',
		        year: 2017,
		        month: 06,
		        day: 08,
		        startYear: '2017',
		        endYear: '2017',
		        timeBoo: true,
		        title:'收钱时间',
		        afterAction: function (d1, d2, d3, d4, d5) {
		          $('#transfer_in_time').val(d1 + '-' + d2 + '-' + d3 + ' ' + d4 + ':' + d5);
		        }
		      });
		      $.dateSelector3({
		        evEle: '#transfer_out_time',
		        year: 2017,
		        month: 06,
		        day: 08,
		        startYear: '2017',
		        endYear: '2017',
		        timeBoo: true,
		        afterAction: function (d1, d2, d3, d4, d5) {
		          $('#transfer_out_time').val(d1 + '-' + d2 + '-' + d3 + ' ' + d4 + ':' + d5);
		        }
		      });
		    function closeopen(id){
		       $(id).hide();$("#page_main").show()
		    }
		});
	</script>
	<script>
	
	function formSave(){
	 	if(document.getElementById('transfer_out_time').value==""){
	  		alert("日期不能为空");
	  		document.getElementById('xingming').focus();
	  		return false;
	 	}
	 	if(document.getElementById('mail').value==""){
		  	alert("邮箱不能为空");
		  	document.getElementById('mail').focus();
		  	return false;
		}
	 	if(document.getElementById('liuyan').value==""){
		  	alert("留言不能为空");
		  	document.getElementById('liuyan').focus();
		  	return false;
	 	}
	}
	
	</script>
</body>
</html>
